<template>
  <el-dialog title="查看月份计划"
             :visible="dialogVisible"
             append-to-body
             :close-on-click-modal="true"
             @close="onClose"
             width="60%">
    <el-tabs v-model="setting.activeName"
             type="card">
      <el-tab-pane label="月份计划"
                   name="first">
        <month-detail-info :mode="mode"
                           :detail-info="detailInfo"></month-detail-info>
      </el-tab-pane>
    </el-tabs>
    <!-- <span slot="footer"
          class="dialog-footer">
      <el-button @click="handleClose">取 消</el-button>
      <el-button type="primary"
                 @click="handleClose">确 定</el-button>
    </span> -->
  </el-dialog>

</template>

<script>
import MonthDetailInfo from './month-detail-info'
export default {
  name: 'EditMonthDialog',
  props: {
    dialogVisible: Boolean,
    detailInfo: Object,
    mode: Number
  },
  data() {
    return {
      setting: {
        activeName: 'first'
      }
    }
  },
  methods: {
    onClose() {
      this.$emit('close-dialog')
    }
  },
  components: {
    MonthDetailInfo
  }
}
</script>
